<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- <link rel="stylesheet" href="index2.css"/> -->
		<link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
	</head>
	<body>
		<div id="d">
			<template>
			  <el-button :plain="true" @click="open2">成功</el-button>
			  <el-button :plain="true" @click="open3">警告</el-button>
			  <el-button :plain="true" @click="open">消息</el-button>
			  <el-button :plain="true" @click="open4">错误</el-button>
			</template>
		</div>
	</body>
	<script src="vue.js"></script>
	<script src="index.js"></script>
	<script>
		var v=new Vue({
			el: "#d",
			data:{},
			methods:{
				open(){
					this.$message({
						message: '消息提示',
						showClose: true
					});
				},
				open2(){
					v.$message.success('恭喜');
					// v.$message({
					// 	message: '成功',
					// 	type: 'success'
					// });
				},
				open3(){
					this.$message({
						message: '错误',
						type: 'warning',
						showClose: true
					});
				},
				open4(){
					//this.$message.error('错误');
					this.$message({
						message: '错误',
						type: 'error',
						showClose: true
					});
				}
			}
		});
	</script>
</html>
